description = ""
==
{% set options = product.options %}

{% for option in options %}
{% if option.type not in ['text', 'textarea'] and count(option.values) == 0 %}

   {% else %}

          {% if option.type == 'text' %}
          <input type='text' name='ProductOption[{{ option.id }}]'>

          {% elseif option.type == 'textarea' %}
          <textarea name='ProductOption[{{ option.id }}]'></textarea>

          {% else %}

          <div class="btnGhost clear _addInput_unit">
            <h2 class="options-title"> <span class="force_color">*</span>
                {{ option.name }}
            </h2>
            <div class="proRadioWrap">
                {% for value in option.values %}
                    <label class="{% if loop.index == 1 %}labelSelect{% endif %}">
                      <input type="radio" name="ProductOption[{{ option.id }}]"
                  id="inlineRadio{{ loop.index }}" class="radio_common_icon"
                  {% if loop.index == 1 %} checked{% endif %}
                  value="{{ value.id }}"
                             data-new_price="{% if value.price_variate == '+' %}{{ (product.price + value.variate_value)|displayPrice }}{% elseif value.price_variate == '-' %}{{ (product.price - value.variate_value)|displayPrice }}{% else %}{{product.price|displayPrice}}{% endif %}">
                      <span>{{ value.name }}</span>
                    </label>
                    {% endfor %}
            </div>
          </div>
        {% endif %}

{% endif %}
{% endfor %}
<script type="text/javascript">
$(".proRadioWrap label").click(function () {
var _index = $(this).index();
$(this).addClass("labelSelect").siblings().removeClass("labelSelect");
});
$("input[name^='ProductOption']").click(function(){
    $('.totalPrice').text($(this).data('new_price'));
});
</script>